<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <link href="/static/index/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome -->
    <link href="/static/index/css/index.css" rel="stylesheet" type="text/css" media="all" />
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
    <link href="/static/index/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="/static/index/css/flexslider.css" type="text/css" media="screen" property="" />
    <!-- stylesheet -->
    <!-- meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //meta tags -->
    <!--fonts-->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <!--//fonts-->
    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>
    <script src="/static/index/js/main.js"></script>
    <!-- Required-js -->
    <!-- main slider-banner -->
    <script src="/static/index/js/skdslider.min.js"></script>
    <link href="/static/index/css/skdslider.css" rel="stylesheet">

    <script type="text/javascript">
        jQuery(document).ready(function(){
            jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});

            jQuery('#responsive').change(function(){
                $('#responsive_wrapper').width(jQuery(this).val());
            });

        });
    </script>
    <!-- //main slider-banner -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="/static/index/js/move-top.js"></script>
    <script type="text/javascript" src="/static/index/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->

    <!-- scriptfor smooth drop down-nav -->
    <script>
        $(document).ready(function(){
            $(".dropdown").hover(
                function() {
                    $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function() {
                    $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
                    $(this).toggleClass('open');
                }
            );
        });
    </script>
    <!-- //script for smooth drop down-nav -->
</head>
<body>

<style>
    .aa{
        background: #FFFFFF;
        height: 50px;
    }
</style>

<!--登录固定-->

{empty name="id"}
<nav class="navbar navbar-default navbar-fixed-top aa" style="margin-bottomo:100px;">
    <div class="container">
        <!--登录按钮-->
        <a href="{:url('index/login/index')}" style="margin-left: 1050px;color: black;">登录</a>

        <!--//注册按钮-->
        <a href="{:url('index/index/add')}" style="color: black;margin-left: 15px;">注册</a>
    </div>
</nav>
{else /}
<nav class="navbar  navbar-fixed-top" role="navigation" style="background: #e0620d ;padding-top: 3px;height:50px;">
    <div class="container-fluid" style="background: #fff;">
        <div class="navbar-header ">
            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#my-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <form class="navbar-form navbar-left" role="search" action="{:url('/wbSearch')}" method="post">
            <div class="form-group">
                <input type="text" class="form-control" placeholder="微博找人">
                <i class="glyphicon glyphicon-search btn_search" ></i>
                <!--  <button type="submit" class="btn btn-default">提交</button> -->
            </div>

        </form>

        <div class="collapse navbar-collapse" id="my-navbar-collapse">
            <ul class="nav navbar-nav navbar-right" >
                <li >
                    <img src="{$pto['photo']}" width="30px" style="border-radius: 50%">
                    <a href="{:url('index/dologin')}" style="color: black;padding: 0px!important;" class="mingzi">{$username}
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        安全中心<b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <a href="{:url('index/login/loginOut')}" class="roll-nav roll-right J_tabExit tuichu" style="width: 50">
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <i class="fa fa fa-sign-out"></i>
                            退出</a><br>

                        <a href="{:url('/editpass')}">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp更改密码</a>
                    </ul>

                </li>
            </ul>
        </div>

    </div>
    <hr style="margin: 0;padding: 0;color:#222;width: 100%">
</nav>
{/empty}




<!--//登录固定-->

<!-- header -->
<header>
    <div class="w3layouts-top-strip" style="margin-top: 50px">
        <div class="container">
            <div class="logo">
                <h1><a href="index.html">魔狗 微博</a></h1>
                <p>Miss you life</p>
            </div>
            <div class="w3ls-social-icons">
                <a class="facebook" href="#"><i class="fa fa-facebook"></i></a>
                <a class="twitter" href="#"><i class="fa fa-twitter"></i></a>
                <a class="pinterest" href="#"><i class="fa fa-pinterest-p"></i></a>
                <a class="linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                <a class="linkedin" href="#"><i class="fa fa-google-plus"></i></a>
                <a class="linkedin" href="#"><i class="fa fa-rss"></i></a>
                <a class="linkedin" href="#"><i class="fa fa-behance"></i></a>
            </div>
        </div>
    </div>
    <!-- navigation -->
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li><a class="active" href="{:url('index/index')}">热门</a></li>
                    {volist name="style" id="sty"}
                    <li><a class="active" href="{:url('index/about/'.$sty['id'])}">{$sty['style']}</a></li>
                    {/volist}
                    <li><a class="active" href="{:url('/index/talk')}">话题</a></li>


                </ul>
            </div><!-- /.navbar-collapse -->
            <div class="w3_agile_login">
                <div class="cd-main-header">
                    <a class="cd-search-trigger" href="#cd-search"> <span></span></a>
                    <!-- cd-header-buttons -->
                </div>
                <div id="cd-search" class="cd-search">
                    <form action="{:url('/wbSearch')}" method="post">
                        <input name="Search" type="search" placeholder="搜索微博/找人">
                    </form>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div><!-- /.container-fluid -->
    </nav>
    <!-- //navigation -->
</header>
<!-- //header -->

<!--搜索-->
<!--搜索-->
<?php if($data){?>
{volist name="data" id="v"}

<div class="wthree-top-1">
    <div class="w3agile-bottom">
        <div class="col-md-3 w3agile-left">
            <div class="comments-grid-left" style="width: 30%!important">
                <img src="{$v['photo']}" alt=" " class="img-responsive" />
            </div>
            <h5 style="margin: 13px 0px 0px 58px">{$v['username']}</h5>
            <br>

        </div>
        <div class="col-md-9 w3agile-right">
            <a href="{:url('/tourists')}?id={$v['id']}" class="agileits w3layouts">查看详情<span class="glyphicon agileits w3layouts glyphicon-arrow-right" aria-hidden="true"></span></a>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
{/volist}
<?php }else if(!empty($talk)){?>

<div class="banner-bottom-abt">
    <div class="agileits_heading_section">
        <h3 class="wthree_head">话题</h3>
    </div>

    <div class="w3_testimonials_grids">
        <div class="col-md-6 w3_agile_classes_grid">

            {volist name="talk" id="t" mod="2"}
            {eq name="mod" value="0"}
            <a href="{:url('index/talk/index', ['id'=>$t['id']])}" >
                <div class="agile_classes_grid1" onclick="goTitle(this)" value="{$t['id']}">

                    <div class="col-xs-4 agile_classes_grid1_right">
                        <div class="agileits_w3layouts_classes_grid1_right">
                            <i class="fa fa-adjust" aria-hidden="true"></i>
                        </div>
                    </div>
                    <div class="col-xs-8 agile_classes_grid1_left">
                        <h4>{$t['name']}</h4>

                    </div>
                    <div class="clearfix"> </div>
                </div>
            </a>


            {/eq}
            {/volist}

        </div>
        <div class="clearfix"> </div>
    </div>
    <!-- featured-services -->

    <!-- //featured-services -->

</div>

<?php }?>
<!--搜索结束-->

<!-- footer -->
<div class="footer-agile-info">
    <div class="container">
        <div class="col-md-4 w3layouts-footer">
            <h3>联系信息</h3>
            <p><span><i class="fa fa-map-marker" aria-hidden="true"></i></span>中华人民共和国上海市徐汇区</p>
            <p><span><i class="fa fa-envelope" aria-hidden="true"></i></span><a href="#">1551941489@qq.com</a> </p>
            <p><span><i class="fa fa-mobile" aria-hidden="true"></i></span>P: 03765759119 </p>
            <p><span><i class="fa fa-globe" aria-hidden="true"></i></span><a href="http://www.zhc1995.cn">W: www.zhc1995.cn</a></p>
        </div>
        <div class="col-md-4 wthree-footer">
            <h2>网站简介</h2>
            <p>本网站纯属娱乐,如作商业用途,请联系本人</p>
        </div>
        <div class="col-md-4 w3-agile">
            <h3>意见反馈</h3>
            <p>如果您有好的提议,前邮件联系作者</p>

        </div>
    </div>
</div>
<!-- footer -->
<!-- copyright -->
<div class="copyright">
    <div class="container">
        <div class="w3agile-list">
            <ul>
                <li><a class="active" href="{:url('index/index')}">热门</a></li>
                {volist name="style" id="sty"}
                <li><a class="active" href="{:url('index/about/'.$sty['id'])}">{$sty['style']}</a></li>
                {/volist}
                <li><a class="active" href="index.html">话题</a></li>
            </ul>
        </div>
        <div class="agileinfo">
            <p>版权 &copy; 魔狗工作室保留一切版权<a target="_blank" href="http://www.baidu.com">魔狗工作室</a>备案号:19001432</p>
        </div>
    </div>
</div>
<!-- //copyright -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $('#cd-search').keypress(function (e){
        wbSearch();
    });
</script>
<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/index/js/bootstrap.js"></script>
</body>
</html>